<div style="width: 600px;">
    <h1 mat-dialog-title style="display:inline-block;cursor:move;" mat-dialog-draggable>{{'dlg.docname-title' | translate}}</h1>
    <!-- <mat-icon (click)="onNoClick()" class="dialog-close-btn" cdkFocusInitial>clear</mat-icon> -->
    <div mat-dialog-content>
        <div class="datepicker-search">
            <mat-form-field style="width:100%" class="example-form-field" appearance="fill">
                <mat-label>日期</mat-label>
                <mat-date-range-input
                  [formGroup]="campaignOne"
                  [rangePicker]="campaignOnePicker">
                  <input matStartDate placeholder="Start date" formControlName="start">
                  <input matEndDate placeholder="End date" formControlName="end">
                </mat-date-range-input>
                <mat-datepicker-toggle matSuffix [for]="campaignOnePicker"></mat-datepicker-toggle>
                <mat-date-range-picker #campaignOnePicker></mat-date-range-picker> 
              </mat-form-field>

              <button class="datepicker-btn" (click)="getData()" mat-raised-button color="primary">查询</button>
        </div>
        <table mat-table [dataSource]="dataSource" class="measure-table">
            <ng-container matColumnDef="time">
              <th mat-header-cell *matHeaderCellDef> 时间 </th>
              <td mat-cell *matCellDef="let element"> {{element.time}} </td>
            </ng-container>
            <ng-container matColumnDef="value">
              <th mat-header-cell *matHeaderCellDef> 量测属性 </th>
              <td mat-cell *matCellDef="let element"> {{element.value}} </td>
            </ng-container>
            <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
            <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
          </table>
          <ng-container *ngIf="!dataSource.length">
            <p style="text-align: center;">暂无数据</p>
          </ng-container>
    </div>
    <div mat-dialog-actions class="dialog-action">
        <button mat-raised-button (click)="onNoClick()">{{'dlg.cancel' | translate}}</button>
    </div>
</div>
